* {
    margin: 0;
    padding: 0;
}

img {
    vertical-align: top;
}
/* 公共样式 */
.link_a {
    text-decoration: none;
}
/* 公共样式 */

body {
    padding-top: 140px;
    box-sizing: border-box;
    background-color: #fff;
    scroll-behavior: smooth;
    }
    html {
    scroll-behavior: smooth;
    }
    /* 公共样式 */
    .link_a {
      display: inline-block;
      text-decoration: none;
    }
    
    header {
      width: 100%;
      background-color: #fff;
      position: fixed;
      top: 0;
      z-index:999;
      background-color: #fff;
    }
    header .head {
      width: 1160px;
      height: 100px;
      margin: 0 auto;
      /* background-color: skyblue; */
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    header .head .logo {
      width: 174px;
      height: 60px;
      /* background-color: pink; */
    }
    header .head .logo img {
      width: 100%;
    }
    header .head .user_info {
      width: 400px;
      height: 44px;
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
    }
    header .head .user_info .link {
      width: 100px;
      height: 22px;
      display: flex;
      justify-content: space-evenly;
    }
    header .head .user_info .link a{
      font-size: 13px;
      color: #333;
    }
    header .head .user_info .search {
      width: 160px;
      height: 32px;
      display: flex;
      border-bottom: 1px solid #000;
    }
    header .head .user_info .icon {
      width: 120px;
      height: 24px;
      display: flex;
      justify-content: space-between;
      margin-left: 8px;
    }
    header .head .user_info .icon a:nth-child(2){
    position: relative;
    }
    /* 当移动到第二个a的时候 hv让下面的ewm_icon_pic_none显示模式为block*/
    /* header .head .user_info .icon a:nth-child(2):hover .ewm_icon_pic_none{
    display: block;
    } */
    header .head .user_info .icon a:nth-child(2) .ewm_icon_pic_none {
    position: absolute;
    display: none;
    left: -30px;
    top:30px;
    border: 1px solid #c10000;
    }
    header .head .user_info .icon a:nth-child(2) .ewm_icon_pic_none img {
    width: 80px;
    height: 80px;
    }
    /* 在二维码图片这个盒子前面用伪元素显示 */
    header .head .user_info .icon a:nth-child(2) .ewm_icon_pic_none::before {
    content: "";
    width: 0;
    height: 0;
    border: 6px solid #c10000;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    /* 定位 */
    position:absolute;
    top:-12px;
    left:32px;
    }
    header .head .user_info input {
      border: 0px;
      width: 130px;
    }
    header .head .user_info button {
      background: url(../images/ss.png);
      width: 20px;
      height: 20px;
      border: 0px;
      margin-top: 6px;
      cursor: pointer;
    }
    
    
    /* 大nav开始 */
    header nav {
      width: 100%;
      position: relative;
      box-sizing: border-box;
      /* border-top: 1px solid gray; */
      border-bottom: 1px solid gray;
      height: 40px;
      /* background-color:aquamarine; */
    }
    header nav .navigation {
      width: 1160px;
      height: 40px;
      margin: 0 auto;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    header nav .navigation>a {
      padding: 20px 20px;
      color: #333;
      font-size: 14px;
      transition: all 0.5s;
    }
    
    header nav .navigation>a[name="all"]:hover .all_product{
    height: 280px;
    }
    header nav .navigation a[name="accessories"] {
    transition: all 1s;
    }
    header nav .navigation a[name="accessories"]:hover .css{
    display: block;
    }
    header nav .navigation a[name="decorations"]:hover .decorations{
    display: block;
    }
    header nav .navigation span a{
      font-size: 12px;
      color: #666666;
    }
    
    header nav .navigation .all_product {
    width: 100%;
    height: 0;
    background-color: #fff;
    position: absolute;
    top: 41px;
    left:0;
    z-index: -1;
    overflow: hidden;
    transition: all 0.5s;
    }
    header nav .navigation .all_product .center {
    width: 1160px;
    height: 280px;
    margin: 0 auto;
    display: flex;
    justify-content: space-evenly;
    transition: all 0.5s;
    }
    header nav .navigation .all_product .center .product_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    }
    /* 第二个样式 */
    header nav .navigation .css {
    width: 100%;
    height: 40px;
    display: none;
    position: absolute;
    background-color: #fff;
    top:41px;
    left:0;
    transition: all 0.5s;
    }
    header nav .navigation .css .center {
    width: 550px;
    height: 40px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    transition: all 0.5s;
    }
    header nav .navigation .css .center span:first-child {
    font-size: #000;
    margin-right: 10px;
    cursor: pointer;
    }
    header nav .navigation .css .center span:last-child {
    font-size: #000;
    cursor: pointer;
    }
    /* 第二个样式 */
    
    /* 第三个样式 */
    header nav .navigation .decorations {
    width: 100%;
    height: 40px;
    position: absolute;
    background-color: #fff;
    display: none;
    top:41px;
    left:0;
    transition: all 0.5s;
    }
    header nav .navigation .decorations .content {
    width: 550px;
    height: 40px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    }
    header nav .navigation .decorations .content span:first-child {
    font-size: #000;
    margin-right: 10px;
    cursor: pointer;
    }
    header nav .navigation .decorations .content span:last-child {
    font-size: #000;
    cursor: pointer;
    }
    /* 大nav结束 */
    

    /* 电梯导航 */
    .goTop {
        z-index: 9;
        position: fixed;
        top:393px;
        right:12px;
        width: 58px;
        height: 238px;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        }
        /* 电梯导航的第一层div */
        .goTop >div {
        width: 50px;
        height: 50px;
        background-color: #f4f4f4;
        border: solid 1px #d6d6d6;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        }
        /* 第一个导航 */
        .goTop >div:first-child{
          background-image: url(../images/gt1.png);
          background-position:center;
          background-repeat: no-repeat;
        }
        .goTop >div:first-child > div{
          width: 50px;
          height: 0px;
          background-color: red;
          color: #fff;
          font-size:12px;
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 2px 8px;
          opacity: 0;
          transition: all 1s;
        }
        .goTop >div:first-child:hover > div{
          width: 50px;
          height: 50px;
          background-color: red;
          font-size:12px;
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 2px 8px;
          opacity: 1;
        }
        
        
        /* 第一个导航 */
        
        /* 第二个导航 */
        .goTop >div:nth-child(2) {
          background-image: url(../images/gt2.png);
          background-position: center;
          background-repeat: no-repeat;
        }
        .goTop>div:nth-child(2) >div{
          width: 50px;
          height: 0px;
          background-color: red;
          font-size:12px;
          color: #fff;
          display: flex;
          padding: 2px 9px;
          justify-content: center;
          align-items: center;
          opacity: 0;
          overflow: hidden;
          transition: all 0.5s;
        }
        .goTop>div:nth-child(2):hover >div{
          height: 50px;
          opacity: 1;
        }
        
        /* 第三个导航 */
        .goTop >div:nth-child(3) {
          background-image: url(../images/gt3.png);
          background-position: center;
          background-repeat: no-repeat;
        }
        .goTop>div:nth-child(3) >div{
          width: 50px;
          height: 0px;
          background-color: red;
          font-size:12px;
          color: #fff;
          display: flex;
          padding: 2px 9px;
          justify-content: center;
          align-items: center;
          opacity: 0;
          overflow: hidden;
          transition: all 0.5s;
        }
        .goTop>div:nth-child(3):hover >div{
          height: 50px;
          opacity: 1;
        }
        
        /* 第四个导航 */
        .goTop >div:nth-child(4) {
          background-image: url(../images/gt4.png);
          background-position: center;
          background-repeat: no-repeat;
        }
        .goTop>div:nth-child(4) >div{
          width: 50px;
          height: 0px;
          background-color: red;
          font-size:12px;
          color: #fff;
          display: flex;
          padding: 2px 9px;
          justify-content: center;
          align-items: center;
          opacity: 0;
          overflow: hidden;
          transition: all 0.5s;
        }
        .goTop>div:nth-child(4):hover >div{
          height: 50px;
          opacity: 1;
        }
        
        /* 第四个导航 */

        /* 电梯导航结束 */

        /* 当前页面指示 */
        .position {
            width: 100%;
            height: 40px;
            background-color: #fff;
            border-top: 1px solid #dbdbdb;
            border-bottom: 1px solid #dbdbdb;
        }
        .position .link {
            width: 1160px;
            height: 40px;
            margin: 0 auto;
            display: flex;
            align-items: center;
        }
        .position .link span {
            margin-right: 24px;
        }
        .position .link span a {
            font-size:12px;
            color:#666;
        }

        /* 当前页面指示 */

        /* 轮播图 */

      .banner {
        width: 100%;

      }

      .banner .banner_son {
        display: flex;
        overflow: hidden;
      }

      .banner .banner_son img {
          width: 100%;
          transition: all 1s;
          /* 使用动画 */
          animation-name:banner;
          /* 动画 */
          animation-duration: 2s;
          /* 动画无限制次数 */
          animation-iteration-count: infinite;
      }


        /* 轮播图 */

        /* 第一个商品展示 */    
        .category1 {
            width: 1161px;
            height: 1496px;
            margin-top: 37px;
            margin: 0 auto;
        }
        .category1 .title{
            display:flex;
            justify-content: center;
            margin-top: 37px;
            margin-bottom: 31px;
        }
        .category1 .title img {
            width: 811px;
            height: 34px;
            margin:0 auto;
        }
        .category1 .paint {
            background-color: aqua;
            width: 100%;
            height: 505px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
        }

        .category1 .goods {
            width: 1160px;
            height: 892px;
            margin-top: 34px;
            margin-bottom: 52px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        .category1 .good {
            width: 374px;
            height: 436px;
            background-color: #fff;

        }
        .category1 .good a{
          height: 100%;
          display: flex;
          flex-direction: column;
          justify-content: space-evenly;
          
        }

        .category1 .good a div:nth-child(2) {
          font-size: 12px;
          color:#000;
          margin-left: 6px;
        }
        .category1 .good a div:last-child {
          font-size: 16px;
          color: #a10000;
          margin-left: 6px;
        }
            /* <!-- 第一个商品展示结束 --> */

        /* 第二个商品展示 */    
        .category2 {
            width: 1161px;
            height: 1496px;
            margin: 0 auto;
            margin-bottom: 60px;
        }
        .category2 .title{
          display:flex;
          justify-content: center;
          margin-top: 37px;
          margin-bottom: 31px;
      }
      .category2 .title img {
          width: 811px;
          height: 34px;
          margin:0 auto;
      }
      .category2 .paint {
          background-color: aqua;
          width: 100%;
          height: 505px;
          margin: 0 auto;
          display: flex;
          justify-content: space-between;
      }
      .category2 .goods {
        width: 1160px;
        height: 892px;
        margin-top: 34px;
        margin-bottom: 52px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .category2 .good {
        width: 374px;
        height: 436px;
        background-color: #fff;

    }
    .category2 .good a{
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-evenly;
      
    }

    .category2 .good a div:nth-child(2) {
      font-size: 12px;
      color:#000;
      margin-left: 6px;
    }
    .category2 .good a div:last-child {
      font-size: 16px;
      color: #a10000;
      margin-left: 6px;
    }
    /* <!-- 第二个商品展示结束 --> */

    /* 第三个商品展示 */    
    .category3 {
        width: 1160px;
        height: 957px;
        margin: 0 auto;
        margin-bottom: 62px;
    }
    .category3 .title{
      display:flex;
      justify-content: center;
      margin-top: 37px;
      margin-bottom: 31px;
    }
    .category3 .title img {
      width: 811px;
      height: 34px;
      margin:0 auto;
    }
    .category3 .menu {
      width: 100%;
      height: 892px;
      display: flex;
      justify-content: space-between;
    }
    .category3 .order {
      width: 379px;
      height: 892px;
      background-color: pink;
    }
    .category3 .order img {
      width: 379px;
      height: 892px;
    }
    .category3 .details {
      width: 767px;
      height: 892px;
      /* background-color: blue; */
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      flex-wrap: wrap;
    }
    .category3 .details .item {
      width: 374px;
      height: 436px;
      /* background-color: red; */
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    .category3 .details a div:nth-child(2) {
      font-size: 12px;
      color:#000;
      margin-left: 6px;
    }
    .category3 .details a div:last-child {
      font-size: 16px;
      color: #a10000;
      margin-left: 6px;
    }

    /* <!-- 第三个商品展示结束 --> */


    /* 第四个商品展示 */
    .category4 {
      width: 1163px;
      height: 893px;
      margin: 0 auto;
    }
    .category4 .title{
      display:flex;
      justify-content: center;
      margin-top: 37px;
    }
    .category4 .title img {
      width: 811px;
      height: 34px;
      margin:0 auto;
    }
    .category4 .show {
      width: 1163px;
      height: 831px;
      display: flex;
      flex-direction: column;
      justify-content: space-evenly;
    }
    .category4 .top {
      width: 1163px;
      height: 374px;
      display: flex;
      justify-content: space-between;
    }
    .category4 .bottom {
      width: 1163px;
      height: 374px;
    }
    .category4 .top .left {
      width: 767px;
      height: 374px;
      background-color: #000000;
      display: flex;
      justify-content: space-between;
    }
    .category4 .top .left img{
      width: 767px;
      height: 374px;
    }
    .category4 .top .right {
      width: 374px;
      height: 374px;
    }
    .category4 .bottom {
      display: flex;
      justify-content: space-between;
    }

    .category4 .bottom>div {
      width: 374px;
      height: 436px;
    }
    .category4 .bottom a {
      width: 100%;
      height: 100%;
    }
    .category4 .bottom a div:nth-child(2) {
      font-size: 12px;
      color:#000;
      margin-left: 6px;
    }
    .category4 .bottom a div:last-child {
      font-size: 16px;
      color: #a10000;
      margin-left: 6px;
    }
    /* 第四个商品展示结束 */




    /* 页脚 */
    footer .promise {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 116px;
      background-color: #fff;
      }
      footer .promiser {
      width: 290px;
      height: 53px;
      box-sizing: border-box;
      border-right: 1px solid #dbdbdb;
      display: flex;
      align-items: center;
      justify-content: center;
      }
      footer .promiser .margin {
      margin-right: 12px;
      }
      footer .copyright {
      width: 100%;
      height: 90px;
      background-color: #000000;
      color: #fff;
      font-size:12px;
      display: flex;
      justify-content: center;
      align-items: center;
      text-indent: 12em;
      }
    /* 页脚结束 */